<div class="scs-sort">
  <!--  <h2 class="title text-center pt-3 pb-3 text-littleGray">培训内容</h2>-->
  <div class="scs-sort-header">
    <div class="scs-sort-search">
<!--      <div class="ui-inputgroup" >-->
<!--        <input type="text" pInputText  placeholder="搜索" [(ngModel)]="searchData"/>-->
<!--        <button pButton type="button" icon="pi pi-search" class="ui-button-warn" (click)="searchDataClick()"></button>-->
<!--      </div>-->
    </div>
    <div class="scs-sort-button">
      <button pButton type="button" label="新增" class="ui-button-rounded" (click)="addDialog = true"></button>
    </div>
  </div>
  <div class="scs-sort-table">
    <app-check-table-btn [select]="questionSelect"   (selectData)="selectData($event)" [option]="optionTable" (detail)="DetailClick($event)"></app-check-table-btn>
  </div>
  <div class="scs-sort-pagination">
    <app-pagination [option]="pageOption" (clickEvent)="clickEvent($event)"></app-pagination>
  </div>
  <p-dialog [header]="'信息' +dialogTitle"
            [(visible)]="addDialog"
            [style]="{width: '700px'}">
    <div class="ui-g ui-md ui-fiuld">
      <div class="ui-g-12 ui-md-12">
        <div class="ui-g-2 ui-md-2"></div>
        <div class="ui-g-8 ui-md-8" style="line-height: 4.4vh">
          <div class="ui-g-4 ui-md-4 right">
            <span style="color: #FF8A9A">*</span>题库名称：
          </div>
          <div class="ui-g-8 ui-md-8 ">
            <div class="ui-md-12 ui-g-12 dialog-input">
              <input pInputText type="text" placeholder="题库名称" [(ngModel)]="subjectStoreName"/>
            </div>
          </div>
        </div>
      </div>
    </div>
    <p-footer>
      <button class="dialog-btn" (click)="addDialog = false;resetAllData()">取消</button>
      <button class="dialog-btn" (click)="addSortClick()">确认选择</button>
    </p-footer>
  </p-dialog>
<!--  <p-dialog header="添加单个条目" [(visible)]="showAddSingleQuestionDialog" [style]="{width: '700px'}">-->
<!--    <div class="ui-g ui-md ui-fiuld text-center">-->
<!--      <div class="ui-g-12 ui-md-12">-->
<!--        <div class="ui-g-4 ui-md-4 m-1">-->
<!--          <div *ngFor="let item of btnQuestionList" class="p-2">-->
<!--            <button class="selbtn-menu pl-2 pr-2" [ngClass]="{'selbtn-menu-active': item.active}" pButton type="button" [label]="item.label" (click)="questionClick(item)"></button>-->
<!--          </div>-->
<!--        </div>-->
<!--        &lt;!&ndash;        <div class="m-2" style="width: 1px;height: 20vh;background: #4F88DE"></div>&ndash;&gt;-->
<!--        <div class="ui-g-7 ui-md-7">-->
<!--          <div class="ui-g-12 ui-md-12" style="line-height: 4vh">-->
<!--            <div class="ui-g-3 ui-md-3" >-->
<!--              选择题库:-->
<!--            </div>-->
<!--            <div class="ui-g-9 ui-md-9 dialog-input">-->
<!--              <p-dropdown dropdownIcon="pi pi-caret-down" placeholder="请选择题库" ></p-dropdown>-->
<!--            </div>-->
<!--          </div>-->
<!--          <div class="ui-g-12 ui-md-12">-->
<!--            <app-radio-template (questionEvent)="radioEvent($event)" *ngIf="this.showQuesType === 1"></app-radio-template>-->
<!--            <app-checkbox-template (questionEvent)="radioEvent($event)" *ngIf="this.showQuesType === 2"></app-checkbox-template>-->
<!--            <app-judge-template (questionEvent)="radioEvent($event)" *ngIf="this.showQuesType === 3"></app-judge-template>-->
<!--            <app-fill-vacant-template (questionEvent)="radioEvent($event)" *ngIf="this.showQuesType === 4"></app-fill-vacant-template>-->
<!--          </div>-->
<!--        </div>-->
<!--      </div>-->

<!--    </div>-->
<!--    <p-footer>-->
<!--      <button class="dialog-btn" (click)="showAddSingleQuestionDialog = false;resetAllData()">取消</button>-->
<!--      <button class="dialog-btn" (click)="UpdateLimitInfoClick()">确认选择</button>-->
<!--    </p-footer>-->
<!--  </p-dialog>-->
</div>
